

import * as React from 'react';
import { ScrollView, View } from 'remax/wechat';

import styles from "./index.less";
import HomeTitle from "@/components/home_title";
import HotSaleCard from "./components/hot_sale_card";

const index = (props) => {
  const list = [
    {
      img: "https://pic.netbian.com/uploads/allimg/180826/113958-1535254798fc1c.jpg",
      title: "西江千古情-长桌宴",
      pay: "30.0"
    },
    {
      img: "https://pic.netbian.com/uploads/allimg/170725/103840-15009503208823.jpg",
      title: "凯里南西江直游凯里南西江直游玩…凯里南西江直游玩…凯里南西江直游玩…-长桌宴",
      pay: "33.0"
    },
    {
      img: "https://pic.netbian.com/uploads/allimg/170609/123945-14969831856c4d.jpg",
      title: "西江千古情-长桌宴",
      pay: "40.0"
    },
    {
      img: "https://pic.netbian.com/uploads/allimg/210308/231750-1615216670d85b.jpg",
      title: "西江千古情-长桌宴",
      pay: "46.0"
    },
    {
      img: "https://pic.netbian.com/uploads/allimg/210308/231750-1615216670d85b.jpg",
      title: "西江千古情-长桌宴",
      pay: "56.0"
    },
  ]

  return <View className={styles.hot_sales}>
    <HomeTitle title="人气热卖" showMore={true} />
    <ScrollView enhanced scrollX enableFlex className={`${styles.scrollview} flex flex_nowrap nowrap`}  >
      {
        list.map((item, index) => {
          return <HotSaleCard key={index} {...item} num={index + 1} />
        })
      }
    </ScrollView>
  </View>
}

export default index;